<!doctype html>
<html>
<head>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta charset="UTF-8">
	<meta name="Keywords" content="">
	<meta name="Description" content="">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-sclae=1.0,user-scalable=0">
	<title>留言回复</title>
	<script type="text/javascript" src="../../js/flexible.js"></script>
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="../../css/flex.css">
	<script type="text/javascript" src="../../js/h5.min.js"></script>
	<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
	<div class="message">
		<!-- 广播 -->
		<div class="radio" flex="cross:center">
			<img src="images/radio.png" class="icon">
			<div class="scrollW">
			  	<ul>
			    	<li>
			      		<a href="">
			      			UA融易发，呼朋唤友赚钱花，点击了解1。
			      		</a>
			    	</li>
			    	<li>
			      		<a href="">
			      			UA融易发，呼朋唤友赚钱花，点击了解2。
			      		</a>
			    	</li>
			  	</ul>
			</div>
		</div>
		<!-- tab切换 -->
		<ul class="tab" flex="main:center">
			<li><a href="index.html">人工服务</a></li><li class="active"><a href="message.html">留言回复</a></li>
		</ul>
		<!-- 输入界面 -->
		<ul class="list">
			<li>
				<p>姓名：</p>
				<div class="input">
					<input type='text' value=''>
				</div>
			</li>
			<li>
				<p>联系电话：</p>
				<div class="input">
					<input type='text' value=''>
				</div>
			</li>
			<li>
				<p class="blue">温馨提示：我们将在工作日内尽快回复您！</p>
			</li>
			<li>
				<p>留言内容：</p>
				<div class="input">
					<textarea placeholder="尊敬的客户，您好！为了方便我们更加及时准确地解答您的疑问，请在内容中详细的描述问题。"></textarea>
				</div>
			</li>
			<li>
				<p class="cen">您还可以输入：<span id="limitNum">500</span>个字符</p>
			</li>
			<li>
				<p class="btnW">
					<a href="javascript:;" class="btn">提交</a>
				</p>
			</li>
		</ul>
	</div>
	<script type="text/javascript">
		$('textarea').on('input',function(){
			$('#limitNum').text(parseInt(500-parseInt($(this).val().length)));
		});
		$('.btnW .btn').on('click',function(){
			// 温馨提示
			toast({
				title:'消息提示',
		        content:'<p class="cen">提示内容</p>',
		        btnText:["确定","取消"],
		        confirmFun:function(){
		          console.log('确认回调');
		        },
		        cancelFun:function(){
		          console.log('取消回调');
		        }
		        
		    });
		});
	</script>
</body>
</html>